<!DOCTYPE html>
{include file='head_hooks.html'}

<head>
  <title>Sign Up | Protoweb</title>

  {include file='head_scripts.html'}
</head>

<body>
  {include file='body_hooks.html'}

  {include file='navbar.html'}

  <div class="container">

    {include file='messages.html'}
    
    <section class="row">

      <form action="" method="post" enctype="multipart/form-data" id="users">
        <legend>Sign Up</legend>

        <input name="latlng" type="hidden" value="{$user->latlng}" />

        <div class="span4">
          <div class="control-group">
            <label for="username">Username *</label>
            <input class="input-xlarge" name="username" type="text" id="username" value="{$user->username}" required="required" />
          </div>

          <div class="control-group">
            <label for="password">Password *</label>
            <input class="input-xlarge" name="password" type="password" id="password" value="{$user->password}" required="required" />
          </div>

          <div class="control-group">
            <label for="re-password">Re-type password *</label>
            <input class="input-xlarge" name="re-password" type="password" id="re-password" value="{$user->password}" required="required" />
          </div>

          <div class="control-group">
            <label for="email">Email *</label>
            <input class="input-xlarge" name="email" type="email" id="email" value="{$user->email}" required="required" />
          </div>
        </div>
        <!-- span4 -->

        <div class="span4">

          <div class="control-group">
            <label for="lastname">Last Name *</label>
            <input class="input-xlarge" name="lastname" type="text" id="lastname" value="{$user->lastname}" required="required" />
          </div>

          <div class="control-group">
            <label for="firstname">First Name *</label>
            <input class="input-xlarge" name="firstname" type="text" id="firstname" value="{$user->firstname}" required="required" />
          </div>

          <div class="control-group">
            <label for="phone">Phone Number</label>
            <input class="input-xlarge" name="phone" type="text" id="phone" value="{$user->phone}" />
          </div>

          <div class="control-group">
            <label for="address">address</label>
            <input class="input-xlarge" name="address" type="text" id="address" value="{$user->address}" />
          </div>

          <button type="submit" class="btn btn-primary">Sign Up!</button>

        </div>
        <!-- span4 -->
      </form>

      <div class="span4">
        <h2>You need a profile to work with Protoweb.</h2>
        <p>Your personal information will be share to your team projects contacts, but never be to share to unknow people.</p>
      </div>
      <!-- span4 -->

    </section>
    <!-- row -->

    {include file='footer.html'}

  </div> <!-- /container -->

  {include file='footer_scripts.html'}

</body>

</html>
